<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  	<head>
    	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    	<title>Form Element - Text Area</title>
    	<script type="text/javascript">
      		function displayEvent(eventName) {
        		var message = document.form1.textarea2.value;
        		message = message + eventName;
        		document.form1.textarea2.value = message;
      		}
    	</script>
  	</head>
  	<body>
    	<form name="form1" action="">
	      	<textarea rows="15" cols="40" name="textarea1"
	          	onchange="displayEvent('onchange\n');"
	          	onkeyup="displayEvent('onkeyup\n');"
	          	onkeydown="displayEvent('onkeydown\n');"
	          	onkeypress="displayEvent('onkeypress\n');">
	      	</textarea>
	      
	      	<textarea rows="15" cols="40" name="textarea2"></textarea>
	      	<br/>
	      	<br/>
	      	<input type="button" value="Clear Event TextArea" name="button1" onclick="window.document.form1.textarea2.value=''"/>
    	</form>
  	</body>
</html>
